var input=document.querySelector(".tuopi")
 function b(){
	
	setTimeout(function(){ 
	var tab_t=document.getElementById('tab_t');
    var tab_t_li=tab_t.getElementsByTagName('li');
    var tab_c=document.getElementById('tab_c');
    var tab_c_li=document.querySelectorAll('.a');
    var len=tab_t_li.length;
    var i=0;
    for(i=0;i<len;i++){
        tab_t_li[i].index=i;     
            for(i=0;i<len;i++){
                tab_t_li[i].className='b';
                tab_c_li[i].className='a hide';
          
            }
            tab_t_li[c].className='act';
            tab_c_li[c].className='a';
    }
	}, 400);
}
function abc(){
		setTimeout(function(){ 
				tishi.style.display="block";
		web.style.display="none";
	}, 600);
}
 
input.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
	c=1;
	b(c)
	
});

var maokong=document.querySelector(".maokong")

maokong.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
	c=1;
	b(c)
	
});


var meiwenti=document.querySelector(".meiwenti")

meiwenti.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
	c=1;
	b(c)
	
});

var huangheban=document.querySelector(".huangheban")

huangheban.addEventListener("click",function(){
		this.style.backgroundColor = "#ff8c21";
	c=2;
	b(c)
	
});


var queban=document.querySelector(".queban")

queban.addEventListener("click",function(){
		this.style.backgroundColor = "#ff8c21";
	c=2;
	b(c)
	
});


var shaiban=document.querySelector(".shaiban")

shaiban.addEventListener("click",function(){
		this.style.backgroundColor = "#ff8c21";
	c=2;
	b(c)
	
});


var qitai=document.querySelector(".qitai")

qitai.addEventListener("click",function(){
		this.style.backgroundColor = "#ff8c21";
	c=2;
	b(c)
	
});

var inputs=document.querySelector(".tuopis")

inputs.addEventListener("click",function(){
		this.style.backgroundColor = "#ff8c21";
	c=3;
	b(c)
});

var maokongs=document.querySelector(".maokongs")

maokongs.addEventListener("click",function(){
		this.style.backgroundColor = "#ff8c21";
	c=3;
	b(c)
	
});

var meiwentis=document.querySelector(".meiwentis")

meiwentis.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
	c=3;
	b(c)
	
});
var huanghebans=document.querySelector(".huanghebans")
var web =document.querySelector(".webb")
var tishi=document.querySelector(".tishi")
huanghebans.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
	abc()
	
});


var quebans=document.querySelector(".quebans")

quebans.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
		abc()
	
});


var shaibans=document.querySelector(".shaibans")

shaibans.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
		abc()
});


var qitais=document.querySelector(".qitais")

qitais.addEventListener("click",function(){
	this.style.backgroundColor = "#ff8c21";
		abc()
});

